<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.box1{
				/*
				盒子可见框的大小，由内容区，内边距共同决定。
					width和height只是内容区大小					
				*/
				width: 100px;
				height: 100px;
				background-color: green;
			   
			   /*
			   border 的简写
			   不能分别指定各个边的样式
			   */
			   border: 5px red solid;
			   
			   /*
			   padding也是和border一样的设置
			   元素的背景会延伸到内边距
			   */
			  padding-top: 100px;
			}
		</style>
	</head>
	<body>
		<div class="box1"></div>
	</body>
</html>
